<template>、
    <div>
        <ul>
            <li v-for="(item,index) in glist" :key="item.id">
                <router-link >
                    <img src="item.src">
                    <p>{{item.title}}</p>
                </router-link>
                <router-view></router-view>
            </li>
        </ul>
    </div>
</template>
<script>
    export default{
        name:"JGG",
        data(){
            return{
                glist:[
                    {id:1,src:"@/assets/10.png",title:"如月"},
                    {id:2,src:"@/assets/11.png",title:"睦月"},
                    {id:3,src:"@/assets/12.png",title:"卯月"},
                    {id:4,src:"@/assets/13.png",title:"文月"},
                    {id:5,src:"@/assets/14.png",title:"霜月"},
                    {id:6,src:"@/assets/15.png",title:"长月"},
                    {id:7,src:"@/assets/16.png",title:"桜月"},
                    {id:8,src:"@/assets/17.png",title:"雨月"},
                    {id:9,src:"@/assets/18.png",title:"葉月"}
                    
                ]
            }
        }
    }
</script>
<style>

</style>